<template>
    <view class="content" :style="{height:height+'px'}">
        <view class="wrap">
            <image class="logo" src="/static/logo.png"></image>
            <text>成功</text>
        </view>
        <button type="warn" v-if="type==1"  class="sub-button" @click="goBank()">
            继续缴存
        </button>
        <button type="warn"  class="sub-button" @click="goUrl('index')">
            返回我的账户
        </button>
        <button type="warn" v-if="type==2"   class="sub-button" @click="save">
            查看缴存记录
        </button>
    </view>
</template>

<script>
    export default {
        components: {},
        data() {
            return {
                height:'',
                type:0,
            }
        },
        onLoad(option) {
            this.type=option.type
            uni.getSystemInfo('windowHeight').then(r => {
                this.height = r[1].windowHeight
            })
        },
        methods: {
            goBank(){
                uni.navigateBack({
                    delta: 2
                });
            },
            goUrl(url){
                uni.navigateTo({
                    url: '../account/'+url
                });
            },
        }
    }
</script>
<style scoped>
    .content {
        height: 100%;
        /*padding-top: 20upx;*/
        background: #F3F3F3;
    }
    .logo{
        width: 70upx;
        height: 70upx;
    }
    .wrap{
        display: flex;
        background: white;
        justify-content: center;
        padding: 100upx 0;
        border-bottom: 1px solid rgba(1,1,1,0.2);
        border-top: 1px solid rgba(1,1,1,0.2);
    }
    text{
        line-height: 70upx;
        color: #eb7c7a;
        padding-left: 20upx;
    }
    button{
        width: 98%;
        margin-top:30upx;
        background: #D14F43;
        border-radius: 4upx;
        padding-left: 3%;
    }
</style>
